<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<!-- Bootstrap -->
<link th:href="@{/vendors/bootstrap/dist/css/bootstrap.min.css}"
	rel="stylesheet">
<!-- Font Awesome -->
<link th:href="@{/vendors/font-awesome/css/font-awesome.min.css}"
	rel="stylesheet">
<!-- NProgress -->
<link th:href="@{/vendors/nprogress/nprogress.css}" rel="stylesheet">
<!-- iCheck -->
<link th:href="@{/vendors/iCheck/skins/flat/green.css}" rel="stylesheet">
<!-- bootstrap-wysiwyg -->
<link th:href="@{/vendors/google-code-prettify/bin/prettify.min.css}"
	rel="stylesheet">
<!-- Select2 -->
<link th:href="@{/vendors/select2/dist/css/select2.min.css}"
	rel="stylesheet">
<!-- Switchery -->
<link th:href="@{/vendors/switchery/dist/switchery.min.css}"
	rel="stylesheet">
<!-- starrr -->
<link th:href="@{/vendors/starrr/dist/starrr.css}" rel="stylesheet">
<!-- bootstrap-daterangepicker -->
<link
	th:href="@{/vendors/bootstrap-daterangepicker/daterangepicker.css}"
	rel="stylesheet">

<!-- Datatables -->
<link
	th:href="@{/vendors/datatables.net-bs/css/dataTables.bootstrap.min.css}"
	rel="stylesheet">
<link
	th:href="@{/vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css}"
	rel="stylesheet">
<link
	th:href="@{/vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css}"
	rel="stylesheet">
<link
	th:href="@{/vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css}"
	rel="stylesheet">
<link
	th:href="@{/vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css}"
	rel="stylesheet">
<!-- Custom Theme Style -->
<link th:href="@{/build/css/custom.min.css}" rel="stylesheet">
</head>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="col-md-3 left_col">
				<div class="left_col scroll-view">
					<!-- 左边导航栏上的用户信息显示 -->
					<div th:replace="common/index_module :: left_menu_profile"></div>
					<!-- 个人中心 -->
					<div th:replace="common/index_module :: profile"></div>
					<!-- 左边导航栏 -->
					<div th:replace="common/index_module :: left_menu"></div>
					<!-- 左边导航栏底部菜单 -->
					<div th:replace="common/index_module :: left_foot_menu"></div>
				</div>
			</div>

			<!-- 头部导航栏 -->
			<div th:replace="common/index_module :: top_nav"></div>
			<!-- /首页内容 -->

			<!-- 首页内容 -->
			<!-- page content -->
			<div class="right_col" role="main">
				<div class="">
					<div class="page-title">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<!-- 商品搜索面板 -->
							<div class="x_panel">
								<div class="x_title">
									<h2>
										请按照以下流程完成给新用户注册<small>本商城内所有的订单数据,可根据订单状态、金额、类型名称以及时间范围进行搜索</small>
									</h2>
									<div class="clearfix"></div>
								</div>
								<!-- form表单搜索框 -->
								<div class="x_content">
									<!-- Smart Wizard -->
									<!-- <p>This is a basic form wizard example that inherits the colors from the selected scheme.</p> -->
									<div id="wizard" class="form_wizard wizard_horizontal">
										<ul class="wizard_steps">
											<li><a href="#step-1"> <span class="step_no">1</span>
													<span class="step_descr">注册账户<br /> <small>仅仅只能够登录</small>
												</span>
											</a></li>
											<li><a href="#step-2"> <span class="step_no">2</span>
													<span class="step_descr">补全用户资料<br /> <small>可在平台正常购物</small>
												</span>
											</a></li>
											<li><a href="#step-3"> <span class="step_no">3</span>
													<span class="step_descr">变更vip用户<br /> <small>平台赠送vip服务</small>
												</span>
											</a></li>
											<li><a href="#step-4"> <span class="step_no">4</span>
													<span class="step_descr">完成注册<br /> <small></small>
												</span>
											</a></li>
										</ul>
										<div id="step-1">
											<form class="form-horizontal form-label-left">
												<div class="form-group">
													<label class="control-label col-md-2 col-sm-2 col-xs-12"
														for="first-name">电话<span class="required">*</span>
													</label>
													<div class="col-md-6 col-sm-6 col-xs-12">
														<input type="text" id="first-name" required="required"
															class="form-control col-md-7 col-xs-12">
													</div>
												</div>
												<div class="form-group">
													<label class="control-label col-md-2 col-sm-2 col-xs-12"
														for="last-name">用户名<span class="required"></span>
													</label>
													<div class="col-md-6 col-sm-6 col-xs-12">
														<!-- required="required" 必填 -->
														<input type="text" id="last-name" name="last-name"
															class="form-control col-md-7 col-xs-12">
													</div>
												</div>
												<div class="form-group">
													<label for="middle-name"
														class="control-label col-md-2 col-sm-2 col-xs-12">身份信息</label>
													<div class="col-md-6 col-sm-6 col-xs-12">
														<input id="middle-name"
															class="form-control col-md-7 col-xs-12" type="text"
															name="middle-name">
													</div>
												</div>
												<div class="form-group">
													<label class="control-label col-md-2 col-sm-2 col-xs-12">是否认证</label>
													<div class="col-md-6 col-sm-6 col-xs-12">
														<div id="gender" class="btn-group" data-toggle="buttons">
															<label class="btn btn-default"
																data-toggle-class="btn-primary"
																data-toggle-passive-class="btn-default"> <input
																type="radio" name="gender" value="male"> &nbsp;
																否 &nbsp;
															</label> <label class="btn btn-primary"
																data-toggle-class="btn-primary"
																data-toggle-passive-class="btn-default"> <input
																type="radio" name="gender" value="female">
																是
															</label>
														</div>
													</div>
												</div>
												<br/>
												<div class="form-group">
													<label class="control-label col-md-2 col-sm-2 col-xs-12">
													</label>
													<div class="col-md-8 col-sm-8 col-xs-12">
														<button type="submit" class="btn btn-success">注册</button>
														<button type="reset" class="btn btn-warning">重置</button>
													</div>
												</div>
											</form>
										</div>
									</div>
									<!-- End SmartWizard Content -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /page content -->
			<!-- /首页内容 -->

			<!-- 尾部内容 -->
			<div th:replace="common/index_module :: foot"></div>
			<!-- /尾部内容 -->
		</div>
	</div>

	<!-- jQuery -->
	<script th:src="@{/vendors/jquery/dist/jquery.min.js}"></script>
	<!-- Bootstrap -->
	<script th:src="@{/vendors/bootstrap/dist/js/bootstrap.min.js}"></script>
	<!-- FastClick -->
	<script th:src="@{/vendors/fastclick/lib/fastclick.js}"></script>
	<!-- NProgress -->
	<script th:src="@{/vendors/nprogress/nprogress.js}"></script>
	<!-- Chart.js -->
	<script th:src="@{/vendors/Chart.js/dist/Chart.min.js}"></script>
	<!-- gauge.js -->
	<script th:src="@{/vendors/gauge.js/dist/gauge.min.js}"></script>
	<!-- bootstrap-progressbar -->
	<script
		th:src="@{/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js}"></script>
	<!-- iCheck -->
	<script th:src="@{/vendors/iCheck/icheck.min.js}"></script>
	<!-- Skycons -->
	<script th:src="@{/vendors/skycons/skycons.js}"></script>
	<!-- Flot -->
	<script th:src="@{/vendors/Flot/jquery.flot.js}"></script>
	<script th:src="@{/vendors/Flot/jquery.flot.pie.js}"></script>
	<script th:src="@{/vendors/Flot/jquery.flot.time.js}"></script>
	<script th:src="@{/vendors/Flot/jquery.flot.stack.js}"></script>
	<script th:src="@{/vendors/Flot/jquery.flot.resize.js}"></script>
	<!-- Flot plugins -->
	<script th:src="@{/vendors/flot.orderbars/js/jquery.flot.orderBars.js}"></script>
	<script th:src="@{/vendors/flot-spline/js/jquery.flot.spline.min.js}"></script>
	<script th:src="@{/vendors/flot.curvedlines/curvedLines.js}"></script>
	<!-- DateJS -->
	<script th:src="@{/vendors/DateJS/build/date.js}"></script>
	<!-- JQVMap -->
	<script th:src="@{/vendors/jqvmap/dist/jquery.vmap.js}"></script>
	<script th:src="@{/vendors/jqvmap/dist/maps/jquery.vmap.world.js}"></script>
	<script
		th:src="@{/vendors/jqvmap/examples/js/jquery.vmap.sampledata.js}"></script>
	<!-- bootstrap-daterangepicker -->
	<script th:src="@{/vendors/moment/min/moment.min.js}"></script>
	<script
		th:src="@{/vendors/bootstrap-daterangepicker/daterangepicker.js}"></script>
	<!-- Custom Theme Scripts -->
	<script th:src="@{/build/js/custom.min.js}"></script>

	<!-- bootstrap-wysiwyg -->
	<script
		th:src="@{/vendors/bootstrap-wysiwyg/js/bootstrap-wysiwyg.min.js}"></script>
	<script th:src="@{/vendors/jquery.hotkeys/jquery.hotkeys.js}"></script>
	<script th:src="@{/vendors/google-code-prettify/src/prettify.js}"></script>
	<!-- jQuery Tags Input -->
	<script th:src="@{/vendors/jquery.tagsinput/src/jquery.tagsinput.js}"></script>
	<!-- Switchery -->
	<script th:src="@{/vendors/switchery/dist/switchery.min.js}"></script>
	<!-- Select2 -->
	<script th:src="@{/vendors/select2/dist/js/select2.full.min.js}"></script>
	<!-- Parsley -->
	<script th:src="@{/vendors/parsleyjs/dist/parsley.min.js}"></script>
	<!-- Autosize -->
	<script th:src="@{/vendors/autosize/dist/autosize.min.js}"></script>
	<!-- jQuery autocomplete -->
	<script
		th:src="@{/vendors/devbridge-autocomplete/dist/jquery.autocomplete.min.js}"></script>
	<!-- starrr -->
	<script th:src="@{/vendors/starrr/dist/starrr.js}"></script>

	<!-- Datatables -->
	<script th:src="@{/vendors/datatables.net/js/jquery.dataTables.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-buttons/js/dataTables.buttons.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-buttons/js/buttons.flash.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-buttons/js/buttons.html5.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-buttons/js/buttons.print.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-keytable/js/dataTables.keyTable.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-responsive/js/dataTables.responsive.min.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js}"></script>
	<script
		th:src="@{/vendors/datatables.net-scroller/js/dataTables.scroller.min.js}"></script>
	<script th:src="@{/vendors/jszip/dist/jszip.min.js}"></script>
	<script th:src="@{/vendors/pdfmake/build/pdfmake.min.js}"></script>
	<script th:src="@{/vendors/pdfmake/build/vfs_fonts.js}"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			//网页内容中是静态的table表格，可以在此处修改需要用到的参数
			//"searching" : false,去掉自带搜索框
			//"bLengthChange":false,不显示每页条数
			//"pagingType":   "simple_numbers" 分页样式
			$('#productTable').DataTable({
				"searching" : false,
				"bLengthChange" : false,
				"pagingType" : "simple_numbers"
			});
		});
	</script>
</body>

</html>